.--react-line {
  overflow: hidden;
  position: relative;

  .--show {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: px2rem(16) 0 px2rem(21);

    &:after {
      width: px2rem(30);
      height: px2rem(30);
      content: '';
      display: block;
      margin: 0 px2rem(16) 0 px2rem(18);
      background: url('~@images/home/ic-right@3x.png') center no-repeat;
      background-size: contain;
      transform: rotate(90deg);
    }
  }

  &.spread {

    .--show:after {
      transform: rotate(-90deg);
    }

    .--display {
      max-height: unset !important;
    }
  }

  .--absolute,
  .--absolute-backup {
    position: absolute;
    visibility: hidden;
  }

  .--display {
    overflow: hidden;
    margin: px2rem(24) px2rem(20) px2rem(16);
  }

  .--span {
    display: inline-block;
    padding: 0 2px;
    margin: 0 2px;
    background: #ddd;
    color: #999;
    border-radius: 2px;
  }
}